<template>
    <div>
  
      <img v-bind:src="url1" alt="" />
      <!-- v-bind简写 用冒号 ： -->
      <img :src="url" alt="" />
    </div>
  </template>
  
  <script>
  export default {
    data() {
      return {
        url1: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fnimg.ws.126.net%2F%3Furl%3Dhttp%253A%252F%252Fdingyue.ws.126.net%252F2022%252F0918%252F10c7511ej00rieemh001dc000hs00dcg.jpg%26thumbnail%3D660x2147483647%26quality%3D80%26type%3Djpg&refer=http%3A%2F%2Fnimg.ws.126.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1666164526&t=8dc294156180a1575c3c42a7c32f51bf",
        url: "https://img0.baidu.com/it/u=1838393512,3083746747&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=501",
      };
    },
    methods: {},
  };
  </script>
  
  <style>
  img {
    width: 300px;
    height: 300px;
  }
  </style>